<!DOCTYPE html>
<html>
<head>
  <title>预防针预约系统</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
  <style>
    /* Make the image fully responsive */
    .carousel-inner img {
        width: 100%;
        height: 100%;
    }
    </style>
</head>
<body style="background-color: rgb(128, 230, 128);">

<nav class="navbar navbar-expand-md bg-success navbar-dark fixed-top">
    <a class="navbar-brand" href="index.html">首页</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="collapsibleNavbar">
        <ul class="navbar-nav justify-content-center">
            <!-- <li class="nav-item">
              <a class="navbar-brand" href="#">首页</a>
            </li> -->
            <li class="nav-item">
                <a class="navbar-brand" href="#">进行预约</a>
              </li>
              <li class="nav-item">
                <a class="navbar-brand" href="#">预约进度</a>
              </li>
              <li class="nav-item">
                <a class="navbar-brand" href="#">个人中心</a>
              </li>
              <li class="nav-item">
                <a class="navbar-brand" href="#">注销</a>
              </li>
        </ul>
    </div>
</nav>
    <div class="bg-light fixed-bottom " style="margin-bottom:0;padding: 0 0;">
        <div>
            <p class="text-center">@2020-tch</p>
        </div>
    </div>
    <div class="container-fluid">
        <div class="container-fluid">
            <div class="card" style="margin-top: 10vh;">
              <div class="card-header">绑定儿童信息</div>
              <div class="card-body">
                <form>
                    <div class="form-group">
                      <label for="text">孩子姓名:</label>
                      <input type="text" class="form-control" id="email" >
                    </div>
                    <div class="form-group">
                        <label for="text">家长姓名:</label>
                        <input type="text" class="form-control" id="email" >
                      </div>
                    <div class="form-group">
                      <label for="text">出生日期:</label>
                      <input type="date" class="form-control" id="pwd" >
                    </div>
                    <div class="form-group">
                        <label for="text">家庭地址:</label>
                        <textarea class="form-control" rows="5" id="comment"></textarea>
                      </div>
                      <div class="d-flex justify-content-end  mb-1">
                        <div class="p-1">
                            <button type="submit" class="btn btn-primary btn-sm">提交</button>
                        </div>
                    </div>
                  </form>
              </div> 
              
            </div>
          </div>
    </div>
</body>
<script>
    
</script>
</html>